<div id="data" v-show="display">
	<div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#data-a" aria-controls="data-a" role="tab" data-toggle="tab">最新车辆数据</a></li>
    <li role="presentation"><a href="#data-b" aria-controls="data-b" role="tab" data-toggle="tab">当日路况统计</a></li>
    <li role="presentation"><a href="#data-c" aria-controls="data-c" role="tab" data-toggle="tab">历史路况统计</a></li>
    
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="data-a">
    	 <table class="table table-striped" style="margin-top:20px;">
			<tr>
				 
				<th>道路</th>
				<th>行驶速度</th>
				<th>采集时间</th>
			</tr>
			<tr v-for="item in speeds">
			 
				<td>{{item.road}}</td>
				<td>{{item.speed}} km/h</td>
				<td>
					{{item.time}}
				</td>
			</tr> 	
			 
		</table>
		 
    </div><!--#tappanel1111111111111111-->
    <div role="tabpanel" class="tab-pane" id="data-b">
    	<div  class="panel panel-default" style="margin-top:20px;">
			<div class="panel-heading">路况分布</div>
			<div class="panel-body">
				<div id="fu" style="width:500px;height:280px;"></div>	
			</div>
		     
		</div>
		<div  class="panel panel-default">
			<div class="panel-heading">平均速度曲线</div>
			<div class="panel-body">
				<div id="speeder" style="width:500px;height:280px;"></div>	
			</div>
		     
		</div>
    </div><!--#tappanel1111111111111111-->
    <div role="tabpanel" class="tab-pane" id="data-c">
    	 
		 fdsaa
		 
    </div><!--#tappanel1111111111111111--> 
   
  </div>

</div>
</div>